.pagina{
  width:100%;
  height:44px;
  position:relative;
  margin:0 auto;
  float:left;
  padding-top:20px;
  .pagination{
    width: 100%;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translate(-50%,0);
    .prev,.next{
      cursor:pointer;
      width:50px;
      a{color:#333;}
    }
    .prev,.next,.real{
      width: 33%;
      float:left;
      border:1px solid #eee;
      background:#fff;
      text-align:center;
      height:42px;
      line-height:42px;
      a{
        display:inline-block;
        width:100%;
        height:100%;
        color: #222222;
        font-size:14px;
        img{
          margin-left:10px;
        }
      }
    }
    .page{
      a{
        display:inline-block;
        width:100%;
        height:100%;
        color: #222222;
        font-size:14px;
      }
    }
    .pages{
      width: 33%;
      position: absolute;
      left: 50%;
      bottom: 42px;
      transform: translate(-50.99%,0);
      border:1px solid #eee;
      display:none;
      z-index: 20;
      li{
        background:#fff;
        text-align:center;
        height:42px;
        line-height:42px;
      }
      //display:block;
    }
    //.page{
    //  display:none;
    //}
    //li{
    //  width:380px;
    //  height: 42px;
    //  margin:0 auto;
    //  .page-a{
    //    display:block;
    //    font-family: "MicrosoftYaHei";
    //    font-size: 14px;
    //    background-color: #fff;
    //    text-align:center;
    //    color:#333;
    //  }
    //  .pagination-btn{
    //    border-radius:50%;
    //    cursor:pointer;
    //    display:block;
    //    width: 24px;
    //    height: 24px;
    //    line-height:24px;
    //    font-family: "MicrosoftYaHei";
    //    font-size: 14px;
    //    background-color: #fff;
    //    text-align:center;
    //    color:#333;
    //  }
    //}


    .active a{
      display:inline-block;
      background-color: #c79d7b;
      font-family: "MicrosoftYaHei";
      font-size: 14px;
      color:#fff;
    }
  }
}